
.highlight-wrap {
  margin-bottom: 1.6rem
}

.highlight-wrap[rel] {
  position: relative;
  overflow: hidden;
  padding-top: 38px;
  background: #21252b;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.highlight-wrap[rel] .highlight {
  border: none;
}

.highlight-wrap[rel]::before {
  color: #fff;
  content: attr(rel);
  height: 38px;
  line-height: 38px;
  verticle color: #fff;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-family: 'Source Sans Pro',sans-serif;
  font-weight: 700;
  padding: 0 80px;
  text-indent: 15px;
  float: left
}

.post-content .gist .gist-file,.post-content code,.post-content pre {
  font-family: Monaco,Menlo,Consolas,Courier New,monospace
}

.highlight-wrap[rel]::after {
  content: " ";
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fc625d;
  width: 12px;
  height: 12px;
  top: 0;
  left: 20px;
  margin-top: 13px;
  -webkit-box-shadow: 20px 0 #fdbc40,40px 0 #35cd4b;
  box-shadow: 20px 0 #fdbc40,40px 0 #35cd4b
}

.post-content .highlight,.post-content pre {
  background: #2d2d2d;
  margin: 0;
  padding: 15px 20px;
  border-style: solid;
  border-color: color-border;
  border-width: 1px 0;
  overflow: auto;
  color: #ccc;
  line-height: 22.4px;
}

.post-content .gist .gist-file .gist-data .line-numbers,.post-content .highlight .gutter pre {
  color: #666;
  font-size: .85em
}

.post-content pre code {
  background: 0 0;
  text-shadow: none;
  padding: 0
}

.post-content .highlight pre {
  border: none;
  margin: 0;
  padding: 0
}

.post-content .highlight table {
  margin: 0;
  width: auto
}

.post-content .highlight td {
  border: none;
  padding: 0
}

.post-content .highlight figcaption {
  zoom:1;font-size: .85em;
  color: #999;
  line-height: 1em;
  margin-bottom: 1em
}

.post-content .highlight figcaption:after,.post-content .highlight figcaption:before {
  content: "";
  display: table
}

.post-content .highlight figcaption:after {
  clear: both
}

.post-content .highlight figcaption a {
  float: right
}

.post-content .highlight .gutter pre {
  text-align: right;
  padding-right: 20px
}

.post-content .highlight .line {
  height: 22.4px
}

.post-content .gist {
  margin: 0 -20px;
  border-style: solid;
  border-color: color-border;
  border-width: 1px 0;
  background: #2d2d2d;
  padding: 15px 20px 15px 0
}

.post-content .gist .gist-file {
  border: none;
  margin: 0
}

.post-content .gist .gist-file .gist-data {
  background: 0 0;
  border: none
}

.post-content .gist .gist-file .gist-data .line-numbers {
  background: 0 0;
  border: none;
  padding: 0 20px 0 0
}

.post-content .gist .gist-file .gist-data .line-data {
  padding: 0!important
}

.post-content .gist .gist-file .highlight {
  margin: 0;
  padding: 0;
  border: none
}

.post-content .gist .gist-file .gist-meta {
  background: #2d2d2d;
  color: #999;
  font: .85em font-sans;
  text-shadow: 0 0;
  padding: 0;
  margin-top: 1em;
  margin-left: 20px
}

.post-content .gist .gist-file .gist-meta a {
  color: color-link;
  font-weight: 400
}

.post-content .gist .gist-file .gist-meta a:hover {
  text-decoration: underline
}

pre .comment,pre .title {
  color: #999
}

pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .tag,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title {
  color: #f2777a
}

pre .built_in,pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor {
  color: #f99157
}

pre .class,pre .css .rules .attribute,pre .header,pre .inheritance,pre .ruby .class .title,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata {
  color: #9c9
}

pre .css .hexcolor {
  color: #6cc
}

pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword {
  color: #69c
}

pre .javascript .function,pre .keyword {
  color: #c9c
}